window.addEventListener('load', function() {

    // // 封装一个获取dom对象的方法
    // function $(cssSelector) {
    //     var dom = document.querySelectorAll(cssSelector);
    //     if (dom.length === 0) {
    //         return null;
    //     }
    //     if (dom.length === 1) {
    //         return dom[0];
    //     }
    //     return dom;
    // }
    // 回到顶部按钮
    $('.loading').hide();
    $('.contain').show();
    $('#btn_top button').click(function() {
        window.scroll({
            top: 0,
            behavior: "smooth"
        })
    })

    // 页面滚动 
    $(window).scroll(function() {
        // 回到顶部按钮显示隐藏
        var winTop = $(window).scrollTop();
        if (winTop > 200) {
            $('#btn_top button').show();
        } else {
            $('#btn_top button').hide();
        }

        $('section').each(function() {

            if (winTop > this.offsetTop) {
                var index = $(this).index() - 3;
                var as = $('.header_nav li a');
                for (let i = 0; i < as.length; i++) {
                    as[i].classList.remove('active');
                }
                as[index].classList.add('active');
            }

        })
    })

    // 导航点击
    $('.header_nav li').click(function() {
        var index = $(this).index();
        var winTop = $('section')[index].offsetTop;
        window.scroll({
            top: winTop + 10,
            behavior: 'smooth'
        })

    })

})